﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{$travelconfig.travelname}</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,initial-scale=1">
    <link href="/weixin/pano360/Templates/css/swiper-3.2.7.min.css" rel="stylesheet" />

    <style type="text/css">
        html {
            font-family: 'Microsoft YaHei';
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
        }

        * {
            margin: 0;
            padding: 0;
        }

        ol, ul {
            list-style: none;
        }

        a {
            text-decoration: none;
            color: #444;
        }


        .header {
            height: 45px;
            background-color: rgba(68,200,0,1);
            padding: 0 15px;
            line-height: 45px;
        }

            .header .bar {
                text-align: center;
                font-size: 19px;
                color: #fff;
                position: relative;
                height: 45px;
            }

                .header .bar .callback {
                    display: block;
                    position: absolute;
                    height: 12px;
                    width: 12px;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    border: 2px solid #fff;
                    top: 12px;
                    border-right-color: #ff4400;
                    border-top-color: #ff4400;
                }

        .slide-bar {
            height: 100%;
            width: 100%;
        }

            .slide-bar img {
                height: 100%;
                width: 100%;
            }

            .slide-bar .title {
                display: block;
                position: absolute;
                height: 12px;
                width: 100%;

                font-size:16px;
                font:bold;
                color:white;
                z-index:300;
                text-align:center;
            }

        .main {
            background-color: #fff;
            margin: 10px 0 0;
            padding: 0 10px;
        }

        .link {
            margin-top: 5px;
        }

            .link img {
                width: 90px;
                height: 90px;
            }



        .hidden {
            display: none;
        }

        .red {
            color: red;
        }

        .blue {
            color: blue;
        }

        .text {
            color: #808080;
            font-size: 15px;
        }

        .title {
            color: #808080;
            font-size: 22px;
            font: bold;
        }

        .btn {
            display: inline-block;
            height: 34px;
            line-height: 34px;
            text-align: center;
            font-size: 16px;
            color: #222;
            margin: 0 1px 0 0;
            padding: 0 2px;
            border: 1px solid #d1d1d1;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
            background-color: #40ef64;
        }
    </style>
    <script src="/weixin/pano360/Templates/js/jquery-2.0.2.min.js"></script>
    <script>
        function getselected(i)
        {

        }
    </script>
</head>
<body>
    <div class="header">
        <div class="bar">{$travelconfig.travelname}</div>

    </div>

    <div class="slide-bar">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <vt:function var="hdp" method="getIndexHdp" type="$this" rows="10" />
                <vt:foreach from="$hdp" item="p" index="i">
                    <div class="title">{$p.bannerName}</div>
                    <div class="swiper-slide">
                        <a href="{$p.bannerLinkUrl}">
                            <img src="{$p.bannerPicUrl}" alt="" />
                        </a>
                        <!--<div>{$p.Name}</div>-->
                    </div>
                </vt:foreach>
                <!-- 分页器 -->
                <div class="swiper-pagination"></div>
            </div>
        </div>
    </div>


    <vt:template id="bottommenu" file="../../bottom.html" charset="utf-8" />
  
    <script src="/weixin/pano360/Templates/js/swiper-3.2.7.min.js"></script>

    <script type="text/javascript">
        var mySwiper = new Swiper('.swiper-container', {
            loop: true,
            // 分页器
            pagination: '.swiper-pagination'
        })
    </script>
</body>
</html>
<!--1e2124dd04e11d01b9df2865f85944be-->